@charset "utf-8";
/* -------------------------common start-----------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote, h1, h2, h3, h4, h5, h6, p{margin: 0px; padding: 0px;}
html button::-moz-focus-inner{border-color: transparent !important;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol{display: block; list-style: none;}
fieldset, img{border: 0;}
iframe{background-image: none;}
.clear{clear: both; height: 0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
img{border: 0px;}
body{font-family: 'Microsoft Yahei'; color: #333333; font-weight: 400; overflow-x: hidden; -webkit-text-size-adjust: none; font-size: 14px; background: #ffffff;}
a{text-decoration: none; color: #333333;}
a:hover{color: #006a11;}
.fl{float: left;}
.fr{float: right;}
.none{display: none;}
.w1000{width: 1000px; margin: 0 auto;}
.w1032{width: 1032px; margin: 0 auto;}
.blod{font-weight: bold;}
html{-webkit-text-size-adjust: none; font-size: 12px;}
em{font-style: normal;}
i, em{font-style: normal;}
.ellipsis{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* ---------------------------------------------------common end--------------------------------------------------*/
/* side_nav */
.side_nav{position: fixed; top: 50%; right: 0; z-index: 9999; width: 60px;}
.side_nav ul li{position: relative; width: 60px; height: 60px; float: right; margin-bottom: 1px;}
.side_nav ul li a{display: inline-block; height: 60px; position: absolute; top: 0; left: 0;}
.current_side_n{width: 140px !important;}
.current_side_n a{width: 140px !important;}
.side_nav ul li span{width: 164px; height: 164px; float: left; color: #000; line-height: 60px; font-size: 16px; margin-left: 60px; cursor: pointer;}
.side_nav_3 a{width: 60px;}
.side_nav_3 a span{position: absolute; right: 61px; bottom: 0; margin-left: 0 !important; display: none;}
.tel a{background: #fff url(../images/0013920_47.png) no-repeat 15px 15px; border: 1px solid #e6e6e6;}
.QQ a{background: #fff url(../images/0013920_47.png) no-repeat 15px -96px; border: 1px solid #e6e6e6;}
.sub_QR a{background: #fff url(../images/0013920_47.png) no-repeat 15px -207px; border: 1px solid #e6e6e6;}
.back_top a{background: #fff url(../images/0013920_47.png) no-repeat 15px -317px; border: 1px solid #e6e6e6;}
/* ---------------------------------------------------side_nav end--------------------------------------------------*/
/*header*/
.header{height: 89px; background: #0fbef0;}
.logo{width: 458px; height: 89px;float: left;}
.logo img{display: block;}
.header_tel{width: 178px;height: 60px;margin-top: 15px; float: right;text-align: left;padding-left: 45px; color: #f8ec65;font-size: 17px;font-weight: bold;background: url(../images/header_phone.jpg) left 8px no-repeat;}
.header_tel span{display: block;font-family: Impact;font-weight: normal;font-size: 26px;height: 30px;line-height: 30px;margin-top: 1px;}
/*nav*/
.nav{height: 50px;background: #237eef;}
.nav li{width: 91px; line-height: 50px; float: left; text-align: center; position: relative; overflow: hidden;}
.nav li.first{width: 90px;}
.nav li a{color: #fff;font-size: 16px;position: relative;z-index: 1;vertical-align: top;}
.nav li i{background:#0fbef0 url(../images/nav_hover_bg.jpg) 0 0 no-repeat;display: block; width: 91px;height: 50px; position:absolute; top: 50px; left: 0;z-index: 0;}
.nav li.hover a{color: #fff; font-size: 16px; font-weight: bold; line-height: 50px; display: block;}
/*banner*/
.banner{position:relative;z-index: 12;width:100%;overflow: hidden;}
/*notice_search*/
.notice_search{background: #eeeee6; border-bottom: 1px solid #d6d6d3; height: 53px;}
.index_notice{float: left;color: #545454; width: 600px;font-size: 18px;}
.index_notice span{line-height: 50px;color: #0fbef0; vertical-align: top; font-weight: bold; padding-left: 30px; background: url(../images/notice_bg.jpg) left 1px no-repeat;}
.index_notice marquee{color: #545454; line-height: 52px; font-size: 14px; width: 470px;}
.index_search{width: 287px; float: right; margin-top: 8px;}
.s_c{width: 243px; height: 35px; float: left; border:1px solid #d6d7d2; position: relative; z-index: 10;background: #fff;border-right: 0;}
.search_text{width: 160px; height: 35px; line-height: 35px; text-indent: 6px; color:#555555;outline: none; float: left; border:0;background: #fff;}
.search_submit:hover{opacity: 0.9; filter: alpha(opacity=90);}
.select{float:left; width: 83px; border:0; color: #7a7a7a; /* margin-top: 8px; */ outline: none;}
select{font-family: "微软雅黑";border:0;outline: none;background: #fff;color: #555555;}
.index_search input[type="submit"]{width: 43px;display: block; height: 37px;border: 1px solid #d6d6d3; float: left; background: #fff url(../images/so_but.jpg) 6px 3px no-repeat; outline: none; cursor: pointer;}
div.selectbox-wrapper{position: absolute;*left:0;z-index:9999;overflow:hidden;width: 82px;*margin-top:0;color: #555555;text-align:left;border: #d6d7d2 1px solid;border-top: none;background: #ffffff;}
div.selectbox-wrapper ul li.selected{color:#fff;background-color: #7a7a7a;}
div.selectbox-wrapper ul li.current{color:#fff;background-color:#7a7a7a}
div.selectbox-wrapper ul li{text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 24px;padding-top: 3px;font-size: 13px;color: #7a7a7a;}
.selectbox{width: 74px;cursor:pointer;height: 35px;border:none;display:block;margin-left: 10px;color: #555555;line-height:28px;font-size: 14px;background: url(../images/drop_down_icon_03.png) #fff no-repeat 90% center;}
/*index_product*/
.index_product{margin-top: 20px;}
.product_class_list h3{width: 110px;height: 44px;background: #0fbef0 url(../images/tl_bg.jpg) 7px 0 no-repeat;padding-left: 55px; font-size: 20px;line-height: 20px;color: #feffe0;padding-top: 6px;float: left;margin-right: 5px;}
.product_class_list h3 span{font-size:14px;line-height: 20px;color: #7ebe8b;text-transform: uppercase;}
.product_class_list a{float: left; display: block; width: 126px; height: 28px; border:1px solid #6ac197; margin-right: 5px; margin-bottom: 5px; font-size: 18px; color: #056b3a; text-align: center; line-height: 26px; padding: 10px;}
.product_class_list a.class_more{width: 43px;margin-right: 0;font-size: 14px;font-weight: bold;}
/*product_list*/
.index_product2{margin-top: 10px;}
.product_list{margin-left: 2px;}
.product_list li{width: 228px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; float: left;padding: 14px;}
.product_list li a{color: #939393;}
.product_list li a:hover{color: #056b3a;}
.product_list li a:hover h4{color: #056b3a;}
.product_list li h4{padding-left: 15px;background: url(../images/dot.jpg) left center no-repeat; line-height: 40px;font-size: 16px;color: #525252;}
.product_list li p{line-height:20px;height: 40px;overflow: hidden;font-size: 14px;}
/*index_title*/
.index_title{height: 40px; overflow: hidden;border-bottom: 2px solid #0fbef0; margin:8px 0 15px 0;}
.index_title a{display: block; float: right; color: #373737; font-size: 14px; line-height: 40px;}
.index_title h3{font-size: 20px; color: #373737; display: inline-block; line-height: 38px;}
.index_title span{font-size: 16px; color: #484849;font-family: Arial; line-height: 30px; vertical-align: bottom;text-transform: uppercase; margin-left: 5px;}
.index_title2{border-bottom-color: #b0ffda;}
.index_title2 a, .index_title2 h3, .index_title2 span{color: #fafdfc;}
/*technology_list*/
.technology_list dl{float: left;width:472px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd; padding: 10px 15px 15px 12px;}
.technology_list dl dt{float: left;width: 69px;height: 54px;background: url("../images/pubdate_bg.jpg") no-repeat; position: relative;font-size: 36px;color: #fff;text-align: center;font-weight: bold; line-height:36px;padding-top: 15px;}
.technology_list dl dt span{display: block;font-size: 12px;line-height: 14px;}
.technology_list dl dt em{position: absolute;top: 0 ;left: 0;z-index: 55;width: 69px;height: 59px; background: url("../images/pubdate_bg2.png") no-repeat;}
.technology_list dl dd{float: right;width:385px;}
.technology_list dl dd h4{font-size: 16px;color: #373737;line-height: 26px;margin-bottom: 6px;}
.technology_list dl dd p{color: #373737;line-height: 18px;}
.technology_list dl a:hover p, .technology_list dl a:hover h4{color: #068b4b;}
/*index_base*/
.base_list li{width: 234px;margin-right: 21px;float: left;height: 172px;margin-bottom: 15px;overflow: hidden; position: relative;}
.base_list li.first{width: 489px;height: 172px;background: url(../images/cp__25.jpg) 0 0 no-repeat;}
.base_list li.first a{color: #fff;}
.base_list li.first h4{font-size: 24px;line-height: 60px;width: 295px;margin: 0 auto;text-align: center;}
.base_list li.first p{font-size: 14px;line-height: 24px;color:#fff; width: 380px;margin: 0 auto;}
.base_list li span{position: absolute;top:172px;left: 0;font-size: 14px;height: 172px; z-index: 5;color: #ffffff;line-height: 200px;text-align: center;width: 234px; background: url(../images/base_list.png) 0 0 no-repeat;display: block;}
/*knowledge_specif*/
.knowledge_specif{padding-bottom: 20px;}
.index_knowledge{width: 490px;float: left;}
.knowledge_list li{line-height: 42px;padding: 0 13px;}
.knowledge_list span.circle{color: #2bba6a;font-size: 8px;padding-right:8px;display: inline-block;float: left;}
.knowledge_list span.knowledge_title{color: #2e3842;font-size: 14px;display: inline-block;width: 360px;float: left;}
.knowledge_list span.knowledge_pubdate{float: right;display: inline-block;color: #9b9fa1;}
.index_specif{width: 100%; float: right; font-size: 14px;}
/*about_contact*/
.about_contact{background: #0fbef0;padding: 5px 0 15px 0;}
.index_about{width: 485px;float: left;}
.index_about .about_con{color: #fafdfc; font-size: 14px; line-height: 23px; height: 112px; overflow: hidden; padding: 0 5px;}
.index_about a{color: #fafdfc;font-size: 14px;line-height: 24px;display: inline-block;padding: 8px 0 0 5px;}
.index_contact{width: 485px;float: right;}
.contact_con{background: url(../images/contact_bg.jpg) 46px -8px no-repeat;position: relative;}
.contact_con li{line-height: 36px;color: #fcfdfd;font-size: 14px;padding-left: 35px; background: url(../images/contact_li_bg.jpg) 0 0 no-repeat;width: 260px;}
.contact_con li.lx2{background-position: 0 -36px;}
.contact_con li.lx3{background-position: 0 -71px;}
.contact_con li.lx4{background-position: 0 -106px;}
.contact_con dl{position: absolute;right: 0;top: 3px;width: 163px;height: 136px;background: #2d3831;}
.contact_con dl dt{float: left;width: 136px;}
.contact_con dl dt img{display: block;}
.contact_con dl dd{float: right;width: 27px;font-size: 14px;color: #88c0a5;text-align: center;line-height: 16px;padding-top: 11px;}
/*footer*/
.footer{background: #2d3831;font-size: 12px;color: #fafdfc;line-height: 35px;}
.footer a{color: #fafdfc;}
.tel_qq_share_xml{padding: 15px 0;height: 70px;}
.tel_qq_share_xml .tel2{width: 278px;height: 60px; float: left;text-align: left;padding-left: 50px; font-size: 18px;background: url(../images/header_phone2.jpg) left 14px no-repeat;}
.tel_qq_share_xml .tel2 span{display: block;font-family: Impact;font-weight: normal;font-size: 30px;height: 30px;line-height: 30px;}
.tel_qq_share_xml ul{float: right;height: 60px;}
.tel_qq_share_xml li{line-height: 60px;padding: 0 0 0 50px;float: left;font-size: 14px;margin-left: 20px;}
.tel_qq_share_xml li.zx{background: url(../images/cp_49.jpg) left center no-repeat;}
.tel_qq_share_xml li.fx{background: url(../images/cp_51.jpg) left center no-repeat;position: relative;}
.tel_qq_share_xml li.fx .shareList{position: absolute;top: 50px ;left: 0;width: 150px;height: 50px;}
.tel_qq_share_xml li.xml{background: url(../images/cp_54.jpg) left center no-repeat;}
.tel_qq_share_xml a:hover{color: #fff;}
.links{border-top: 1px solid #567464;font-size: 14px;width: 100%; border-bottom: 1px solid #567464;line-height:53px;}
.links a{padding: 0 5px;}
.links a:hover{color: #fff;}
.links span{font-size: 16px;padding-left: 35px;line-height: 53px; background: url(../images/cp_61.jpg) left center no-repeat;}
.copyright{line-height: 30px;text-align: center; padding: 25px 0;}
.copyright a:hover{color: #fff;}
/* main */
.main_c{width: 100%;}
.main{width: 1000px; margin:28px auto; overflow: hidden;}
.sp_left{width:240px; float: left;}
#contentRight{float:right;width:740px;height:auto;overflow:hidden}
.content_com_title{position: relative; height: 45px; margin-bottom: 15px; border-bottom: 2px solid #0fbef0;}
.content_com_title h2{display: inline-block; padding: 0 6px 6px 6px; position: absolute; left: 0; top: 10px; font-size: 18px; font-weight: normal; color:#056b3a; text-align: left;}
.bread{color:#646464;float: right;line-height: 45px;}
.bread a{display: inline-block; color:#646464;}
.content{min-height: 672px; line-height: 28px; _height: expression(this.scrollHeight < 672 ? "672px" : "auto");}
/*product_class_list2*/
.product_class_list2{width: 240px; overflow:hidden; margin-bottom: 20px;}
.sp_left h3{width: 190px; height: 42px; background: #0fbef0 url(../images/tl_bg2.jpg) 7px bottom no-repeat; padding-left: 50px; font-size: 20px; line-height: 20px; color: #feffe0; padding-top: 8px;}
.sp_left h3 span{font-size:14px;line-height: 20px;color: #7ebe8b;text-transform: uppercase;display: block;}
.sub_content{width: 239px;}
.sub_common_padding{width: 218px;padding: 10px;line-height: 30px;background: #f5f5f0;border: 1px solid #36b1f7;border-top: 0;}
.fy_ltname{display:block; text-indent:10px; color:#fff; padding:20px 0 0 0;}
.fyltel{display:block; font-family:Impact; color:#ff733b; font-size:28px; font-weight:bold; padding:0 0 5px 0;}
.technology_in{width: 240px; overflow:hidden; margin-bottom: 20px;}
.sp_left ul{width: 238px;background: #f5f5f0;border:1px solid #36b1f7;border-top:0;}
.sp_left li{width: 224px;margin: 0 auto;border-bottom: 1px dashed #d6d6d3;line-height: 35px;font-size: 16px;}
.product_class_list2 li a{color: #06b7f1;padding-left: 25px;}
.product_class_list2 li a.on{font-weight: bold;}
.product_class_list2 li .subnav2{display: none;}
.product_class_list2 li .proTwo{display: block;}
.product_class_list2 .subnav2{margin-left: 15px;margin-bottom: 8px;display: none;font-size: 14px;}
.product_class_list2 .subnav2 a{display: block;line-height: 30px;color: #06b7f1;}
.product_class_list2 .subnav2 a:hover{color: #666;}
.product_class_list2 .subnav2 a.on{color: #666; font-weight: normal;}
/*technology_in*/
.technology_in h3{background-image: url(../images/tl_bg3.jpg);}
.technology_in li{font-size: 14px;color: #373737;padding-left: 20px;width: 204px; background: url(../images/list_icon.jpg) 5px center no-repeat;}